<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>信用卡</title>
    <link rel="stylesheet" href="images/ns2016_one_style.css"/>
    <script src="images/myfocus-1.1.0.min.js"></script>
    <script src="images/mF_tbhuabao.js"></script>
</head>
<body>
<!--头部开始-->
<div id="header">
    <div class="logo-box">
        <h1><a href="#"></a></h1>
        <div class="dis-in-b float-right">
            <p class="mt20"><a href="#">简</a>｜<a href="#">繁</a></p>
            <p class="mt10"><img src="images/ns2016_tel.png" alt=""/></p>
        </div>
    </div>
    <!--导航开始-->
    <div class="nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">公司业务</a></li>
            <li><a href="#">个人业务</a></li>
            <li><a href="#">小微金融</a></li>
            <li><a href="#">电子银行</a></li>
            <li><a href="#">三农业务</a></li>
            <li><a href="#">金融市场</a></li>
            <li><a href="#">国际业务</a></li>
            <li><a href="#" class="cur">信用卡</a></li>
            <li><a href="#">今日农商</a></li>
        </ul>
        <input class="btn" type="submit" value=""/>
    </div>
    <!--导航结束-->
</div>
<!--头部结束-->
<!--主体开始-->
<div id="content" class="xyk-con">
    <!--左边开始-->
    <div class="left">
        <div class="box01">
            <p><input type="submit" class="btn" value="个人网上银行"/></p>
            <p><a href="#">动态演示</a>|<a href="#">完成首次登录</a></p>
            <p class="mt20"><input type="submit" class="btn" value="企业网上银行"/></p>
            <p><a href="#">动态演示</a>|<a href="#">安装使用说明</a></p>
        </div>
        <div class="box02">
            <a class="ico01" href="#">网上营业厅</a>
            <a class="ico02" href="#">直销银行</a>
        </div>
        <ul class="kjfs">
            <li><a href="#"><img src="images/ns2016_xyk_wybk.png" alt="我要办卡"/></a></li>
            <li><a href="#"><img src="images/ns2016_xyk_tjbk.png" alt="推荐办卡"/></a></li>
            <li><a href="#"><img src="images/ns2016_xyk_ywsqlc.png" alt="业务申请流程"/></a></li>
            <li><a href="#"><img src="images/ns2016_xyk_ywsljg.png" alt="业务受理机构"/></a></li>
        </ul>
        <ul class="l-pic">
            <li><a href="#"><img src="images/ns2016_gryw_fjhb.jpg" alt="反假货币"/></a></li>
        </ul>
    </div>
    <!--左边结束-->
    <!--右边开始-->
    <div class="right xyk-right">
        <h2 class="mt20 tit01">消费金融<a href="#"></a></h2>
        <ul class="xfjr-ul">
            <li><a href="#" class="bg01">公务员</br>消费贷款</a></li>
            <li><a href="#" class="bg02">个人</br>住房贷款</a></li>
            <li><a href="#" class="bg03">汽车</br>消费贷款</a></li>
            <li><a href="#" class="bg04">个人综合</br>消费贷款</a></li>
            <li><a href="#" class="bg05">客户</br>服务平台</a></li>
        </ul>
        <div class="mt20 clearfix">
            <!--营销快讯开始-->
            <div class="width-446 float-left">
                <h2 class="tit01">营销快讯<a href="#"></a> </h2>
                <ul class="news-list">
                    <li class="one"><a href="#" title="">长沙农商银行内设托管机构名称变更暨构名称变更暨启用新公章和...</a></li>
                    <li><a href="#" title="">顺应新常态，树立新理念，谱写新华章</a></li>
                    <li><a href="#" title="">省联社第二届理事会第二十八次会议召开</a></li>
                    <li><a href="#" title="">李勤主任在湘西自治州调研并出席农商银行庆典</a></li>
                    <li><a href="#" title="">顺应新常态，树立新理念，谱写新华章</a></li>
                    <li><a href="#" title="">省联社第二届理事会第二十八次会议召开</a></li>
                </ul>
            </div>
            <!--营销快讯结束-->
            <!--业务解答开始-->
            <div class="width-318 float-right">
                <h2 class="tit01">业务解答<a href="#"></a> </h2>
                <ul class="news-list">
                    <li><a href="#" title="">顺应新常态，树立新理念，谱写新华章</a></li>
                    <li><a href="#" title="">省联社第二届理事会第二十八次会议召开</a></li>
                    <li><a href="#" title="">李勤主任在湘西自治州调研并出席农商银行庆典</a></li>
                    <li><a href="#" title="">顺应新常态，树立新理念，谱写新华章</a></li>
                    <li><a href="#" title="">省联社第二届理事会第二十八次会议召开</a></li>
                    <li><a href="#" title="">顺应新常态，树立新理念，谱写新华章</a></li>
                    <li><a href="#" title="">省联社第二届理事会第二十八次会议召开</a></li>
                </ul>
            </div>
            <!--业务解答结束-->
        </div>
        <h2 class="mt20 tit01">信用卡<a href="#"></a></h2>
        <div id="myFocus">
            <ul class="pic mt20">
                <li>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                </li>
                <li>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                </li>
                <li>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                    <a href="#" class="img"><img src="images/demo_pic_150x130.jpg" alt=""/></a>
                </li>
            </ul>
        </div>
        <script type="text/javascript">
            myFocus.set({
                id:'myFocus',//焦点图盒子ID
                pattern:'mF_tbhuabao',//风格应用的名称
                time:3,//切换时间间隔(秒)，省略设置即不自动切换
                trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)，默认'click'
                width:818,//设置宽度(主图区)
                height:150,//设置高度(主图区)
                txtHeight:'default'//文字层高度设置,'default'为默认高度，0为隐藏，默认'default'
            });
        </script>
        <h2 class="mt20 tit01">支付还款<a href="#"></a></h2>
        <ul class="zfhk-ul">
            <li><a href="#"><img src="images/ns2016_xyk_zf01.png" alt=""/></a></li>
            <li><a href="#"><img src="images/ns2016_xyk_zf02.png" alt=""/></a></li>
            <li><a href="#"><img src="images/ns2016_xyk_zf03.png" alt=""/></a></li>
            <li><a href="#"><img src="images/ns2016_xyk_zf04.png" alt=""/></a></li>
            <li><a href="#"><img src="images/ns2016_xyk_zf05.png" alt=""/></a></li>
        </ul>
    </div>
    <!--右边结束-->
</div>
<!--主体结束-->
<!--底部开始-->
<div id="footer">
    <p>
        <a href="#">今朝农商</a>|<a href="#">人才招聘</a>|<a href="#">客户服务</a>|<a href="#">隐私条款</a>|<a href="#">使用条款</a>|<a href="#">网站声明</a>|<a href="#">网站地图</a>|<a href="#">相关链接</a>
    </p>
    <p class="hui">2016© 长沙农商银行股份有限公司版权所有</p>
</div>
<!--底部结束-->
<!--右边侧栏开始-->
<div class="right-bar">
    <a class="ico01" href="#" title=""></a>
    <a class="ico02" href="#" title=""></a>
    <a class="ico03" href="#" title=""></a>
    <a class="ico04" href="#" title=""></a>
    <a class="ico05" href="#" title=""></a>
    <a class="gototop" href="#" title=""></a>
</div>
<!--右边侧栏结束-->
<script src="images/jquery-1.11.2.min.js"></script>
<script src="images/ns2016_common.js"></script>
</body>
</html>